<span class="gritter-add-sticky btn btn-default btn-block btn-icon-stacked glyphicons right_arrow"><i></i><strong>Add sticky notification</strong><span>Has to be manually removed</span></span> <span class="gritter-add-without-image btn btn-default btn-block btn-icon glyphicons right_arrow"><i></i>Add notification without image</span> <span class="gritter-add-white btn btn-default btn-block btn-icon-stacked glyphicons right_arrow"><i></i><strong>Add white notification</strong><span>Has a "gritter-light" class applied</span></span> <span class="gritter-add-max btn btn-default btn-block btn-icon-stacked glyphicons right_arrow"><i></i><strong>Add notification with max. of 3</strong><span>Only if there are <= 3 messages already on screen</span></span>
@import "http://localhost/shared/components/modules/admin/notifications/gritter/assets/lib/css/jquery.gritter.css"; @import "http://localhost/shared/components/modules/admin/notifications/gritter/assets/custom/less/gritter.less"; @import "assets/components/modules/admin/ui/buttons/assets/buttons.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/notifications/gritter/assets/lib/js/jquery.gritter.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/notifications/gritter/assets/custom/js/gritter.init.js?v=v1.2.3"></script>
<span class="gritter-add-white btn btn-default btn-block">Light</span> <span class="gritter-add-regular btn btn-inverse btn-block">Dark</span> <span class="gritter-add-primary btn btn-primary btn-block">Primary</span>
@import "http://localhost/shared/components/modules/admin/notifications/gritter/assets/lib/css/jquery.gritter.css"; @import "http://localhost/shared/components/modules/admin/notifications/gritter/assets/custom/less/gritter.less"; @import "assets/components/modules/admin/ui/buttons/assets/buttons.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/notifications/gritter/assets/lib/js/jquery.gritter.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/notifications/gritter/assets/custom/js/gritter.init.js?v=v1.2.3"></script>